ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
table, table td {
	padding:0;
	border:none;
	border-collapse:collapse;
}
img {
	vertical-align:top;
}
embed {
	vertical-align:top;
}


/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
	display:block
}
mark, rp, rt, ruby, summary, time {
	display:inline
}
/* Global properties ======================================================== */
html {
	width:100%
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#404040;
	background:#f2f2f2
}

.menu li a, .list-1 li a, .link, .button, .button2, .logo {
	text-decoration:none
}

/***** menu *****/
.menu {
	padding:0;
	margin:5px 0 0 0;
	width:100%;
	height:70px
	position:absolute;
}
.menu li {
	float:left;
	position:relative;
	margin-right:2px
}
.menu li.last {
	margin:0
}
.menu li a {
	display:block;
	position:relative;
	font-size:14px;
	line-height:1.23em;
	padding:15px 10px 15px 10px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:-1px;
	width:auto;
	background:url(../images/menu-li-bg.png) left top repeat-x;
	border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
}
.menu li strong {
	display:none;
	width:100%;
	height:5px;
	background:url(../images/menu-border-top.gif) center top repeat-x;
	position:absolute;
	left:0;
	top:-5px;
	z-index:99;
}
.menu li.active a, .menu li a:hover {
	background-position:left bottom
}
.menu li.active a, .menu li a:hover {
	color:#6e3bb9;
	padding:15px 10px 22px 10px;
}
.menu li.active strong, .menu li:hover strong {
	display:block
}

/****************************footer************************/
footer {
	width:100%;
	padding:32px 0 30px;
	max-height:90px;
}
.footer-text {
	display:block;
	line-height:26px
}
.footer-text span {
	display:block
}

.header{
	background:url("../images/callcenter_header_bg.png") repeat-x #FFFFFF;
	min-height: 80px;
	z-index: -1000;
	margin-bottom: 20px;
	min-width: 1024px !important;
}

.navbar-brand{
	background:url("../images/callcenter_header.png") 0 0 no-repeat;
	min-width: 215px;
	min-height: 80px;
}

.logoutbutton {
	height: 50px;
  	padding: 15px 15px;
  	font-size: 18px;
	background:url("../images/logout.png") 0 0 no-repeat;
	min-width: 100px;
	min-height: 100px;	
	background-size: 32px 40px;
}
.logoutbutton:hover {
	background:url("../images/logoutactive.png") 0 0 no-repeat;
	min-width: 100px;
	min-height: 100px;	
	background-size: 32px 40px;
}

form input {
    margin-bottom: 5px;
}

.container{
	width: 1024px !important;
}

.panel {
	margin: 10px 10px 10px 10px;
}

.panel-body .col-md-3{
	padding: 0px 5px 0px 5px;
}

.sdf{
		margin: 10px 10px 10px 10px;
		transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	
}

.leftsidenavpill{	

	height:30px;
	width:80px;
	margin-top:30px;	
	margin-bottom:30px;
	border-radius: 4px;
  	cursor:pointer;
  	font-size: large;
  	text-align:center;
	border: solid;
	border-width: thin;
	
}

.leftsidenavpill-active{	
	height:30px;
	width:80px;
	color: #fff;
  	background-color: #428bca;
	margin-top:30px;	
	margin-bottom:30px;
	border-radius: 4px;
  	cursor:pointer;
  	font-size: large;
  	text-align:center;
	border: solid;
	border-width: thin;
	border-color: #428bca;	
}

.rotate90{	
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
}

.row-margin{
	margin: 5px;
}

.formlabel{
	padding-right: 2px;
	font-size: 12px;
}

.forminput {
	padding-left: 2px;
	font-size: 12px;
}

.panelheader {
	text-align: center;
	margin: 0;
	font-weight: bold;
}

.tablepanel td {
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding-top: 4px;
  padding-bottom: 4px;
}

.inboundimg {
	background:url("../images/inbound.png") 0 0 no-repeat;
	background-size: 10px 15px;
	height: 20px;
	margin-left: 15px;
}

.outboundimg {
	background:url("../images/outbound.png") 0 0 no-repeat;
	background-size: 10px 15px;
	height: 20px;
	margin-left: 15px;
}

.panel-body {
	font-size:1.2em;
}

.tableinnertable{	
	margin-bottom: 0px; 
	border-left-width: 0px; 
	border-top-width: 0px;
}

caption {
	background-color: gray;
	color:white;
	font-size: 14px;
	text-align: left;
	padding:1px 5px 1px 5px;
}

#searchOutBoundMailOrPhoneModal{
	left: 5px;
	margin-left: 5px;
	z-index: 200;
	
}

.nodisplay{  
    display: none;
}

.templatestyle {  
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 10px; 
    padding-right: 10px;
    margin-right: 5px;  
    border-radius: 4px;
    font-size: 12px;
    text-align:center;
	border: solid;
	border-width: thin;
}

.templatestyleselected {  
	color: #fff;
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 10px; 
    padding-right: 10px;
    margin-right: 5px;
    border-radius: 4px;
    font-size: 12px;
    background-color: #428BCA;    
  	text-align:center;
	border: solid;
	border-width: thin;
	border-color: #428bca;	
}

.main-dialog-warning .ui-widget-header {
	color:#CCCC00;
	background: #FFFF99;
	font-size:12px;
	border:thin;
	text-transform:uppercase
	}
	
.main-dialog-warning .ui-widget-content {
	color:#CCCC00;
	background-image:none;
	background-color:#FFFFCC
	}
	
.main-dialog-success .ui-widget-header {
	color:#009900;
	background: #99FF99;
	font-size:12px;
	border:thin;
	text-transform:uppercase
	}
	
.main-dialog-success .ui-widget-content {
	color:#009900;
	background-image:none;
	background-color:#CCFFCC
	}
	
.main-dialog-error .ui-widget-header {
	color:#B80000;
	background: #FF9999;
	font-size:12px;
	border:thin;
	text-transform:uppercase
	}
	
.main-dialog-error .ui-widget-content {
	color:#B80000;
	background-image:none;
	background-color:#FFCCCC
	}
	
.tableoutboundedit > tbody > tr > td{
	border-top:0px;	
}

.tdLabel > .label{
	
	border-radius: 0.25em;
    color:#404040;
    display: inline;
    font-size: 100%;
    font-weight: normal;
    line-height: 1;
    padding-left: 0px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}

.searchtable ,
.searchtable > thead > tr > th,
.searchtable > tbody > tr > th,
.searchtable > tfoot > tr > th,
.searchtable > thead > tr > td,
.searchtable > tbody > tr > td,
.searchtable > tfoot > tr > td {
	table-layout: fixed;
	 border: 1px solid #9B9B9B;
	 padding:3px;
	 overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nofoundlabel {
	font-weight: bold; 
	text-align: center; 
	color: gray;
	font-style: italic;
}

.disableform {
	pointer-events:none;
	background-color:#EEEEEE;
	border:1px solid #cccccc;
	border-radius: 2px;
	padding:2px;
}